



$(function () {
    var currentPage = 1;
    var pageSize = 5;
    var isDelete ;
    var id ;

    render();
    function render() {
        // 渲染用户列表
        $.ajax({
            url: '/user/queryUser',
            type: 'get',
            data: {
                page: currentPage,
                pageSize: pageSize,
            },
            dataType: 'json',
            success: function (info) {
                // console.log(info);
                var strhtml = template('userList', info);
                // $('.tb')
                $('.tb').html(strhtml);

                $("#pagintor").bootstrapPaginator({
                    bootstrapMajorVersion: 3,//默认是2，如果是bootstrap3版本，这个参数必填
                    currentPage: currentPage,//当前页
                    totalPages: Math.ceil(info.total / info.size),//总页数
                    onPageClicked: function (_, _, _, page) {
                        //为按钮绑定点击事件 page:当前点击的按钮值
                        currentPage = page;
                        render();
                    }

                });
            }
        })
    }

    // 模态框显示
    $('.tb').on('click', 'button' , function(){
        // 获取父元素id值
        // console.log(this);
        id = $(this).parent().data('id');
        // console.log(id);
        isDelete = $(this).data('isdelete');
        // console.log(isDelete);
    })
    // 禁用/启用
    $('.btn-ok').on('click', function () {
        $.ajax({
            url: '/user/updateUser',
            type: 'POST',
            data: {
                id: id,
                isDelete: isDelete,
            },
            dataType: 'json',
            success: function (info) {
                console.log(info);
                if(info.success){
                    $('#addModal').modal('hide');
                    render();
                }
            }
        })
    })


})